import React from "react";

// 引入标题栏
import Header from "../../../../components/Header/Header";
import SearchList from "../../../../components/SearchList/SearchList";
import SaleitemsList from "../../../../components/SaleitemsList/SaleitemsList";

// 引入自定义样式
import "../CMgrand/CMgrand.sass";

export default function CMsaleitems() {
  return (
    <div className="showArea">
      {/* 1 标题栏 */}
      <div className="firstNav">
        <Header secondTitle={"商品分类"} />
      </div>
      {/* 2  搜索框 */}
      <div className="secondSearch">
        <SearchList
          searchCriteriaInf={[
            { criteriaNames: "品牌名", inputOrSelect: true, selectOptions: [] },
            {
              criteriaNames: "商品类名",
              inputOrSelect: true,
              selectOptions: ["牛奶", "饼干", "面包"],
            },
            {
              criteriaNames: "商品名称",
              inputOrSelect: true,
              selectOptions: ["牛奶", "饼干", "面包"],
            },
          ]}
        />
      </div>
      {/* 3 数据列表 */}
      <div className="thirdTable">
        <SaleitemsList />
      </div>
    </div>
  );
}
